<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>格局商学太原物业管理分院</title>
    <!-- 在线报名 -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script type="text/javascript" src="js/config.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <style type="text/css">
	    * {
	        margin: 0px;
	        padding: 0px;
	    }
        .form-group{
            display: flex;
        }
        .form-group label{
            padding-top: 5px;margin:0px;font-size: 24px;color: red;
        }
    </style>
    <script type="text/javascript">
    	$(function(){
    		$("#btn").click(function(){
	            var name = $("#name").val();
	            var telephone = $("#telephone").val();
	            var company_name = $("#company_name").val();
	            var company_position = $("#company_position").val();
	            var recommend_telephone = $("#recommend_telephone").val();
	            if(name == ""){
	                alert("请输入完整信息");
	                return false;
	            }
	            if(!(/^1[34578]\d{9}$/.test(telephone))){ 
	                alert("手机号码有误，请重填");
	                return false; 
	            }
	            var data = {
	                "name":name,
	                "telephone":telephone,
	                "company_name":company_name,
	                "company_position":company_position,
	                "recommend_telephone":recommend_telephone,
	                "operator":"系统"
	            }
	            $.post(port+"api/v1/upload_online_registration",data)
	            .done(function(res){
	            	alert(res.MSG);
	            }).fail(function(){
	            	alert("请检查网络!");
	            })
	        })
    	})
	        
    </script>
</head>
<body style="background: #f2f2f2;">
    <div style="background: red;text-align: center;color: #fff;line-height: 40px;"><span>报名中</span></div>
	<!-- 简介 -->
    <div style="position: fixed;width: 100%;height: 100%;">
        <div style="height: auto;overflow: visible;position: relative;top: 15%;margin: auto;padding: 0px 30px;">
            <div class="container">
                    <div class="form-group">
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="name">*</label>
                        <div class="col-sm-11 col-lg-11 col-md-11 col-xs-11">
                          <input type="text" class="form-control" id="name" placeholder="请输入姓名">
                        </div>
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="name"></label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="telephone">*</label>
                        <div class="col-sm-11 col-lg-11 col-md-11 col-xs-11">
                          <input type="text" class="form-control" id="telephone" maxlength="11" placeholder="请输入手机号码">
                        </div>
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="telephone"></label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="company_name"></label>
                        <div class="col-sm-10 col-lg-10 col-md-10 col-xs-10">
                          <input type="text" class="form-control" id="company_name" placeholder="请输入企业名称">
                        </div>
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="company_name"></label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="company_position"></label>
                        <div class="col-sm-10 col-lg-10 col-md-10 col-xs-10">
                          <input type="text" class="form-control" id="company_position" placeholder="请输入职位信息">
                        </div>
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="company_position"></label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="recommend_telephone"></label>
                        <div class="col-sm-10 col-lg-10 col-md-10 col-xs-10">
                          <input type="text" class="form-control" id="recommend_telephone" maxlength="11" placeholder="请输入推荐人手机号码">
                        </div>
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label" for="recommend_telephone"></label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label"></label>
                        <div class="col-sm-10 col-lg-10 col-md-10 col-xs-10">
                            <button style="width: 100%;color: #fff;background: red;border: 0px;" type="submit" class="btn" id="btn">立即报名</button>
                        </div>
                        <label class="col-sm-1 col-lg-1 col-md-1 col-xs-1 control-label"></label>
                    </div>

            </div>
        </div>
    </div>



<!-- JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?type=left&amp;move=0&amp;btn=l4.gif" charset="utf-8"></script>
<!-- JiaThis Button END -->
</body>

</html>